<template>
	<view class="mine">
		<view class="mine-header">
			<view class="mine-header-config">
				<image src="/static/mine/scan.png" mode=""></image>
				<image src="/static/mine/setting.png" mode=""></image>
			</view>
			<view class="mine-header-nick" @click="handleLogion">
				<view class="mine-header-nick-img">
					<image src="/static/mine/people.png" mode=""></image>
				</view>
				<view class="mine-header-login">
					<view class="mine-header-login-text">点击登录</view>
					<view class="mine-header-login-msg">登陆状态,请点击登录</view>
				</view>
			</view>
		</view>
		<view class="mine-container"></view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		handleLogion() {
			uni.navigateTo({
				url: '/pages/login/login'
			});
		}
	}
};
</script>

<style scoped>
.mine {
	width: 100vw;
	height: 100vh;
	background: rgba(245, 245, 245, 0.39);
}
.mine-header-config {
	display: flex;
	flex-direction: row-reverse;
}
.mine-header-config image {
	width: 42rpx;
	height: 42rpx;
	padding-top: 25rpx;
}
.mine-header-config image:first-child {
	margin-left: 49rpx;
	margin-right: 39rpx;
}

.mine-header-nick {
	display: flex;
	padding: 0 37rpx;
}

.mine-header-nick-img image {
	width: 220rpx;
	height: 220rpx;
}

.mine-header-login {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 27rpx;
}
.mine-header-login-text {
	font-size: 38rpx;
	font-weight: bold;
	color: #343234;
}
.mine-header-login-msg {
	font-size: 24rpx;
	color: #919294;
	margin-top: 10rpx;
}
</style>
